// webpack 核心概念
// 入口 entry
// 入口起点指示webpack应该使用哪个模块，来作为构建其内部依赖的开始
module.exports = {
  entry: './2-10.js',
}

// 出口 output
// output属性告诉webpack在哪里输出它所创建的bundle,以及如何命名文件
const path = require('path')

module.exports = {
  entry: './2-10.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'my-first-webpack.bundle.js',
  },
}

loader
// loader让 webpack 能够去处理其他类型的文件， 并将他们转化为有效的模块

glugin插件
// loader用于转换某些类型的模块，而插件则可以用于执行范围更广的任务

module.exports = {
  plugin: [
    new HtmlWebpackPlugin({
      template: './xxx',
    }),
  ],
}

mode模式
// 通过选择development,production或 none之中的一个,来设置mode参数
module.exports = {
  mode: 'production', //生产环境  development 开发环境
}
